<div class="section-title" ng-click="togglePanel('trade_details',$event);">
    <i class="material-icons close" style="color: #db4b3c;">indeterminate_check_box</i>
    <i class="material-icons open" style="color: #db4b3c;">add_box</i>
    <label class="title-name" ng-bind="'dashboard-QT02.tradeInfo.title' | translate" style="color: #db4b3c;"></label>
    <div class="kmi-can-click"></div>
    <div class="title-btn" style="z-index: 1;">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="showGrid_tradeData($event, QT02_dashboard.QT02_tradeInfo_details)">
            <i class="material-icons">&#xE85A;</i>
        </button>
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="changePanel($event, 'trade_details');">
            <i class="material-icons">&#xE871;</i>
        </button>
    </div>
</div>
<div class="section-content perfect-scrollbar">
    <div class="dashboard" ng-repeat="item in QT02_dashboard.QT02_tradeInfo_details">
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column1' | translate"></label>
            <label class="value">{{item.TRANSACTION_DATE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column2' | translate"></label>
            <label class="value">{{item.DOC_CATEGORY}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column3' | translate"></label>
            <label class="value">{{item.FULL_DOC_NO}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column4' | translate"></label>
            <label class="value">{{item.ITEM_CODE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column5' | translate"></label>
            <label class="value">{{item.UNIT_CODE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column6' | translate"></label>
            <label class="value">{{item.QTY}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column7' | translate"></label>
            <label class="value">{{item.LOT_CODE}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column8' | translate"></label>
            <label class="value">{{item.WAREHOUSE_NAME}}</label>
        </div>
        <div class="dashboard-fields">
            <label class="label" ng-bind="'dashboard-QT02.tradeInfo.column9' | translate"></label>
            <label class="value">{{item.BIN_NAME}}</label>
        </div>
    </div>
</div>      
    